<template>
  <div>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="tabsClick">
      <el-tab-pane label="基础环境巡检表" name="baseEnvironmentVo">
        <el-card>
          <el-scrollbar height="100%">
            <table class="el-table__body el-table custom-table">
              <tr class="el-table__row">
                <td class="el-table__cell">巡检日期</td>
                <td class="el-table__cell" colspan="3">
                  <!-- <el-date-picker v-model="tableInfo.inspectTime" type="datetime" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择" :editable="false" style="width: 100%;" /> -->
                  {{ tableInfo?.inspectTime || '-' }}
                </td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控对象</td>
                <td class="el-table__cell">监控内容</td>
                <td class="el-table__cell">判断标准</td>
                <td class="el-table__cell">检查结论</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell" rowspan="6">基础环境</td>
                <td class="el-table__cell">主机房温湿度</td>
                <td class="el-table__cell">温度：18°C-27°C 湿度：35%-65%</td>
                <td class="el-table__cell">
                  <!-- <el-input v-model="tableInfo.computerTemperature"></el-input> -->
                  {{ tableInfo?.computerTemperature || '-' }}
                </td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">配电室温湿度</td>
                <td class="el-table__cell">温度：20°C-30°C 湿度：20%-80%</td>
                <td class="el-table__cell">{{ tableInfo?.switchTemperature || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">弱电间温湿度</td>
                <td class="el-table__cell">温度：20°C-30°C 湿度：20%-80%</td>
                <td class="el-table__cell">{{ tableInfo?.electricityTemperature || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">各设备间地面、墙面、玻璃幕墙洁净度</td>
                <td class="el-table__cell">无杂物、无灰尘、无污痕</td>
                <td class="el-table__cell">{{ tableInfo?.other || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">机柜情况</td>
                <td class="el-table__cell">机柜门正常关闭、周围无杂物、线缆整齐。</td>
                <td class="el-table__cell">{{ tableInfo?.cabinetCondition || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">异味、异响</td>
                <td class="el-table__cell">无异味、异响。</td>
                <td class="el-table__cell">{{ tableInfo?.abnormalSmell || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">故障及处理情况</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.treatment || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">建议</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.advice || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">用户签字</td>
                <td class="el-table__cell">{{  '-' }}</td>
                <td class="el-table__cell">工程师签字</td>
                <td class="el-table__cell">{{   '-' }}</td>
              </tr>
            </table>
          </el-scrollbar>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="UPS巡检表" name="upsVo">
        <el-card>
          <el-scrollbar height="100%">
            <table class="el-table__body el-table custom-table">
              <tr class="el-table__row">
                <td class="el-table__cell">设备型号</td>
                <td class="el-table__cell">{{ tableInfo?.modelNumber || '-' }}</td>
                <td class="el-table__cell">设备序列号</td>
                <td class="el-table__cell">{{ tableInfo?.serialNumber || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">巡检日期</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.inspectTime || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控对象</td>
                <td class="el-table__cell">监控内容</td>
                <td class="el-table__cell">判断标准</td>
                <td class="el-table__cell">检查结论</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell" rowspan="13">UPS</td>
                <td class="el-table__cell">运行状态</td>
                <td class="el-table__cell">运行或待机</td>
                <td class="el-table__cell">{{ tableInfo?.operation || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">告警信息</td>
                <td class="el-table__cell">有无告警</td>
                <td class="el-table__cell">{{ tableInfo?.alarm || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">主路输入电压</td>
                <td class="el-table__cell">线电压380V±10%</td>
                <td class="el-table__cell">{{ `线A${tableInfo?.mainInputA || '-'} 线B${tableInfo?.mainInputB || '-'}  线C${tableInfo?.mainInputC || '-'}` }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">旁路输入电压</td>
                <td class="el-table__cell">线电压380V±10%</td>
                <td class="el-table__cell">{{ `线A${tableInfo?.sideInputA || '-'} 线B${tableInfo?.sideInputB || '-'}  线C${tableInfo?.sideInputC || '-'}` }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">主路输出电压</td>
                <td class="el-table__cell">线电压380V±10%；相电压220V±10%</td>
                <td class="el-table__cell">{{ `线A${tableInfo?.mainOutLineA || '-'} 相A${tableInfo?.mainOutPhaseA || '-'}  线B${tableInfo?.mainOutLineB || '-'} 相B${tableInfo?.mainOutPhaseB || '-'}  线C${tableInfo?.mainOutLineC || '-'}  相C${tableInfo?.mainOutPhaseC || '-'}`  }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">主路输出电流</td>
                <td class="el-table__cell">应小于额定电流80%</td>
                <td class="el-table__cell">相A{{ tableInfo?.mainOutElectricA ||'-' }}A 相B{{ tableInfo?.mainOutElectricB ||'-' }}A 相C{{ tableInfo?.mainOutElectricC ||'-' }}A</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">供电频率</td>
                <td class="el-table__cell">频率50Hz±0.5Hz</td>
                <td class="el-table__cell">{{ tableInfo?.supplyRate || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">负载率</td>
                <td class="el-table__cell">并机≤40%；单机≤80%</td>
                <td class="el-table__cell">{{ tableInfo?.loadRate || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">蓄电池</td>
                <td class="el-table__cell">电池容量；电池组电压；电池电流</td>
                <td class="el-table__cell">{{ `容量${tableInfo?.batteryCapacity || '-' }AH 电压：${tableInfo?.batteryVoltage || '-' }V 电流：${tableInfo?.batteryElectricity || '-' }A`}}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">运行环境</td>
                <td class="el-table__cell">温度：20℃-30℃；湿度：20%-80%</td>
                <td class="el-table__cell">{{ tableInfo?.operationTemplate || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">异味、异响</td>
                <td class="el-table__cell">无异味、无异响</td>
                <td class="el-table__cell">{{ tableInfo?.abnormalSmell || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">电缆绝缘</td>
                <td class="el-table__cell">压伤、碰伤、老鼠咬伤</td>
                <td class="el-table__cell">{{ tableInfo?.cable || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">外接电池开关</td>
                <td class="el-table__cell">控制箱线缆插接是否牢靠</td>
                <td class="el-table__cell">{{ tableInfo?.circumBattery || '-' }}</td>
              </tr>

              <tr class="el-table__row">
                <td class="el-table__cell">故障及处理情况</td>
                <td class="el-table__cell" colspan="3"></td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">建议</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.advice || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">用户签字</td>
                <td class="el-table__cell">-</td>
                <td class="el-table__cell">工程师签字</td>
                <td class="el-table__cell">-</td>
              </tr>
            </table>
          </el-scrollbar>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="精密空调巡检表" name="airConditionerVo">
        <el-card>
          <el-scrollbar height="100%">
            <table class="el-table__body el-table custom-table">
              <tr class="el-table__row">
                <td class="el-table__cell">设备型号</td>
                <td class="el-table__cell">{{  tableInfo?.modelNumber || '-'  }}</td>
                <td class="el-table__cell">设备序列号</td>
                <td class="el-table__cell">{{  tableInfo?.serialNumber || '-'  }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">巡检日期</td>
                <td class="el-table__cell" colspan="3">{{  tableInfo?.inspectTime || '-'  }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控对象</td>
                <td class="el-table__cell">监控内容</td>
                <td class="el-table__cell">判断标准</td>
                <td class="el-table__cell">检查结论</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell" rowspan="12">精密空调</td>
                <td class="el-table__cell">运行状态</td>
                <td class="el-table__cell">运行或待机</td>
                <td class="el-table__cell">{{ tableInfo?.operation || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">告警信息</td>
                <td class="el-table__cell">有无告警</td>
                <td class="el-table__cell">{{ tableInfo?.alarm || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">回风温度</td>
                <td class="el-table__cell">冷通道：18~27℃；辅助区：18~28℃；电池室：20~30℃%</td>
                <td class="el-table__cell">冷通道：{{ tableInfo?.temperaturePassage || '-' }}；辅助区：{{ tableInfo?.temperatureAuxiliary || '-' }}；电池室：{{ tableInfo?.temperatureBattery || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">回风湿度</td>
                <td class="el-table__cell">冷通道：≤60%；辅助区：35%~75%</td>
                <td class="el-table__cell">冷通道：{{ tableInfo?.humidityPassage || '-' }}； 辅助区：{{ tableInfo?.humidityAuxiliary || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">主电源开关</td>
                <td class="el-table__cell">主电源开关状态</td>
                <td class="el-table__cell">{{ tableInfo?.powerSwitch || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">过滤网</td>
                <td class="el-table__cell">过滤网清洁程度、是否需要更换。</td>
                <td class="el-table__cell">{{ tableInfo?.filter || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">加湿罐/盘</td>
                <td class="el-table__cell">加湿罐清洁程度、是否需要更换。</td>
                <td class="el-table__cell">{{ tableInfo?.humidification || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">漏水报警器</td>
                <td class="el-table__cell">报警是否正常</td>
                <td class="el-table__cell">{{ tableInfo?.leak || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">温湿度传感器</td>
                <td class="el-table__cell">传感器是否正常</td>
                <td class="el-table__cell">{{ tableInfo?.temperatureHumidity || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">冷凝器</td>
                <td class="el-table__cell">冷凝器清洁状态</td>
                <td class="el-table__cell">{{ tableInfo?.condenser || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">室内/外风机轴承</td>
                <td class="el-table__cell">轴承是否有异响</td>
                <td class="el-table__cell">{{ tableInfo?.bearing || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">室内/外机异味、异响</td>
                <td class="el-table__cell">无异味、无异响</td>
                <td class="el-table__cell">{{ tableInfo?.abnormalSmell || '-' }}</td>
              </tr>

              <tr class="el-table__row">
                <td class="el-table__cell">故障及处理情况</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.treatment || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">建议</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.advice || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">用户签字</td>
                <td class="el-table__cell"></td>
                <td class="el-table__cell">工程师签字</td>
                <td class="el-table__cell"></td>
              </tr>
            </table>
          </el-scrollbar>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="新风系统巡检表" name="newTrendVo">
        <el-card>
          <el-scrollbar height="100%">
            <table class="el-table__body el-table custom-table">
              <tr class="el-table__row">
                <td class="el-table__cell">巡检日期</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.inspectTime || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控对象</td>
                <td class="el-table__cell">监控内容</td>
                <td class="el-table__cell">判断标准</td>
                <td class="el-table__cell">检查结论</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell" rowspan="8">新风</td>
                <td class="el-table__cell">运行状态</td>
                <td class="el-table__cell">运行或待机</td>
                <td class="el-table__cell">{{ tableInfo?.operation || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">告警信息</td>
                <td class="el-table__cell">无任何异常告警</td>
                <td class="el-table__cell">{{ tableInfo?.alarm || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">设定温度</td>
                <td class="el-table__cell">18~28℃</td>
                <td class="el-table__cell">{{ tableInfo?.temperature || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">异味、异响</td>
                <td class="el-table__cell">无异味、无异响</td>
                <td class="el-table__cell">{{ tableInfo?.abnormalSmell || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">漏水检查</td>
                <td class="el-table__cell">无渗漏、无凝露</td>
                <td class="el-table__cell">{{ tableInfo?.leak || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">管路</td>
                <td class="el-table__cell">是否结露、滴水</td>
                <td class="el-table__cell">{{ tableInfo?.pipeline || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">过滤网</td>
                <td class="el-table__cell">是否脏需要清洗或更换</td>
                <td class="el-table__cell">{{ tableInfo?.filter || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">室外机</td>
                <td class="el-table__cell">清洁、无异响</td>
                <td class="el-table__cell">{{ tableInfo?.outdoorUnit || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">故障及处理情况</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.treatment || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">建议</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.advice || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">用户签字</td>
                <td class="el-table__cell"></td>
                <td class="el-table__cell">工程师签字</td>
                <td class="el-table__cell"></td>
              </tr>
            </table>
          </el-scrollbar>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="环控系统巡检表" name="environmentControlVo">
        <el-card>
          <el-scrollbar height="100%">
            <table class="el-table__body el-table custom-table">
              <tr class="el-table__row">
                <td class="el-table__cell">巡检日期</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.inspectTime || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控对象</td>
                <td class="el-table__cell">监控内容</td>
                <td class="el-table__cell">判断标准</td>
                <td class="el-table__cell">检查结论</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell" rowspan="13">环控系统</td>
                <td class="el-table__cell">主机运行状态</td>
                <td class="el-table__cell">运行或待机</td>
                <td class="el-table__cell">{{ tableInfo?.mainStatus || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控软件状态</td>
                <td class="el-table__cell">是否有报警</td>
                <td class="el-table__cell">{{ tableInfo?.supervisoryStatus || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控子项目</td>
                <td class="el-table__cell">监控子项目页面显示是否正常</td>
                <td class="el-table__cell">{{ tableInfo?.supervisoryChildStatus || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">事件记录</td>
                <td class="el-table__cell">是否有异常或告警</td>
                <td class="el-table__cell">{{ tableInfo?.eventRecord || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">时间</td>
                <td class="el-table__cell">系统时间与标准时间是否一致</td>
                <td class="el-table__cell">{{ tableInfo?.time || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">对比UPS主机</td>
                <td class="el-table__cell">显示数据与监控数据是否一致</td>
                <td class="el-table__cell">{{ tableInfo?.compareUps || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">对比空调主机</td>
                <td class="el-table__cell">显示数据与监控数据是否一致</td>
                <td class="el-table__cell">{{ tableInfo?.compareConditioner || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">对比温湿度仪</td>
                <td class="el-table__cell">显示数据与监控数据是否一致</td>
                <td class="el-table__cell">{{ tableInfo?.compareTemperature || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">对比漏水报警</td>
                <td class="el-table__cell">漏水报警位置及实际是否报警</td>
                <td class="el-table__cell">{{ tableInfo?.compareLeak || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">通讯模块</td>
                <td class="el-table__cell">通讯模块通讯是否正常、报警延迟是否合理。</td>
                <td class="el-table__cell">{{ tableInfo?.community || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">电话报警</td>
                <td class="el-table__cell">测试电话报警是否正常</td>
                <td class="el-table__cell">{{ tableInfo?.phone || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">短信报警</td>
                <td class="el-table__cell">测试短信报警是否正常</td>
                <td class="el-table__cell">{{ tableInfo?.email || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">数据备份</td>
                <td class="el-table__cell">每月对监控软件数据进行备份</td>
                <td class="el-table__cell">{{ tableInfo?.data || '-' }}</td>
              </tr>

              <tr class="el-table__row">
                <td class="el-table__cell">故障及处理情况</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.treatment || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">建议</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.advice || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">用户签字</td>
                <td class="el-table__cell"></td>
                <td class="el-table__cell">工程师签字</td>
                <td class="el-table__cell"></td>
              </tr>
            </table>
          </el-scrollbar>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="消防报警及气体灭火系统" name="alarmFireVo">
        <el-card>
          <el-scrollbar height="100%">
            <table class="el-table__body el-table custom-table">
              <tr class="el-table__row">
                <td class="el-table__cell">巡检日期</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.inspectTime || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">监控对象</td>
                <td class="el-table__cell">监控内容</td>
                <td class="el-table__cell">判断标准</td>
                <td class="el-table__cell">检查结论</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell" rowspan="6">消防报警及气体灭火系统</td>
                <td class="el-table__cell">主机告警系统</td>
                <td class="el-table__cell">主机控制器面板是否有告警信息</td>
                <td class="el-table__cell">{{ tableInfo?.mainAlarm || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">主机供电情况</td>
                <td class="el-table__cell">主、备电源供电是否正常</td>
                <td class="el-table__cell">{{ tableInfo?.mainElectricity || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">钢瓶压力表压力情况</td>
                <td class="el-table__cell">红区：缺少压力；绿区：压力正常</td>
                <td class="el-table__cell">{{ tableInfo?.cylinder || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">应急照明和疏散指示牌</td>
                <td class="el-table__cell">灯亮正常；灯灭异常</td>
                <td class="el-table__cell">{{ tableInfo?.indicator || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">温感烟感情况</td>
                <td class="el-table__cell">15秒灯闪烁正常；不亮或者常亮异常</td>
                <td class="el-table__cell">{{ tableInfo?.sense || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">手动报警按钮外观</td>
                <td class="el-table__cell">手动报警按钮外观是否完好</td>
                <td class="el-table__cell">{{ tableInfo?.handAlarm || '-' }}</td>
              </tr>

              <tr class="el-table__row">
                <td class="el-table__cell">故障及处理情况</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.treatment || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">建议</td>
                <td class="el-table__cell" colspan="3">{{ tableInfo?.advice || '-' }}</td>
              </tr>
              <tr class="el-table__row">
                <td class="el-table__cell">用户签字</td>
                <td class="el-table__cell">{{   '-' }}</td>
                <td class="el-table__cell">工程师签字</td>
                <td class="el-table__cell"></td>
              </tr>
            </table>
          </el-scrollbar>
        </el-card>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import {infrastructureDetailList} from '@/api/inspection'
import type { TabsPaneContext } from 'element-plus'
const props = defineProps(['rowID'])



const data = reactive({
    activeName:"baseEnvironmentVo",


})
const {activeName} = toRefs(data)

const tableInfo = ref([])
/* tabs */
const tabsClick=(tab: TabsPaneContext, event: Event) => {
  console.log(detailInfo.value[tab.paneName])
  tableInfo.value = detailInfo.value[tab.paneName] || []
}





const detailInfo  = ref<any>([])
const getDetailList = async()=>{
    const res=  await infrastructureDetailList(props.rowID)
    console.log(res);
    detailInfo.value = res.data
    tableInfo.value = detailInfo.value[activeName.value] || []
}

watchEffect(async()=>{
    if(props.rowID){
        console.log(props.rowID);
        await getDetailList()
    }
})
</script>

<style scoped lang="scss">
.custom-table{
    border-top:var(--el-table-border);
    border-left:var(--el-table-border);
    min-width: 600px;
    .el-table__cell{
        border-right:var(--el-table-border);
        text-align: center;
    }
    :deep(.el-input__wrapper){
        box-shadow:none;
        text-align: center;
        width: 100%;
    }
    :deep(.el-input__inner){
        text-align: center;
    }

}

table{
    border-collapse: collapse;
}
</style>
